//此文件为webpack打包工具的入口文件
// 因为此后直接引入html文件 所以引入可以使用es6的方式

// 1.实现隔行变色
import $ from 'jquery'
$('ul>li:even').css('color', 'green')
$('ul>li:odd').css('color', 'pink')

// 2.使用webpack打包css文件
import './styles/index.css'

// 3.使用webpack打包less文件
import './styles/index.less'

// 4.使用webpack打包图片文件
import imgObj from './images/1.gif'
const img = document.createElement('img')
img.src = imgObj
document.body.appendChild(img)

// 5.使用webpack打包字体图标文件
// 字体图标不需要做任何配置  这是webpack5版本的特权
const i = document.createElement('i')
i.className = 'iconfont icon-qq'
document.body.appendChild(i)

// 6.将高版本的 js 语法进行降级
// 注意: 不要调用 foo, 而是直接打印函数体
const foo = () => {
    console.log('我是个箭头函数, 快来打我啊')
}
console.log(foo)